<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--使用全局组件

-->
<div id="app">
    <login></login>

</div>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
    //全局组件注册
    //参数1：组件名称 参数2：组件配置对象  template： 用来书写html代码(注意：在template中必须要有一个容器（div）)
    //全局组件注册给Vue实例，日后可以再任意Vue 实例范围使用
    Vue.component('login',{
        template:'<div><h1>用户登录</h1></div>'
    });



    var app=new Vue(
        {
            el:"#app",
            data:{},
            methods:{}
        }
    )
</script>
</body>
</html>